<template>
  <uni-popup ref="popup" type="bottom" @close="close">
    <view class="flex-col section_2 to-be-uploaded">
  <view class="flex-row justify-between self-stretch">
    <view class="flex-col justify-start items-center text-wrapper">
      <text class="text">全部上传</text></view>
    <view class="flex-col justify-start items-center text-wrapper_2"><text class="font">全部清空</text></view>
  </view>
  <text class="self-start font_2 text_2">快递员</text>
  <view class="flex-row justify-between self-stretch section_3">
    <text class="font_3">中通快递</text>
    <view class="flex-row items-center group">
      <text class="font_2">xxx</text>
      
    </view>
  </view>
  <text class="self-start font_2 text_3">包裹列表</text>
  <view class="flex-col self-stretch section_4">
    <view class="flex-row justify-between items-center group_2">
      <view class="flex-col items-start">
        <text class="font_3">xxxx小区xx栋</text>
        <text class="mt-10 font_3">2024/10/13 12:11:12</text>
      </view>
      <view class="flex-col justify-start items-center text-wrapper_3"><text class="font">删除</text></view>
    </view>
    <view class="flex-col">
      <view class="flex-row justify-between items-center group_2">
        <text class="font_3">门口照片</text>
        <image
          class="image_3"
          src="https://ide.code.fun/api/image?token=6792ed5edefdb100111367be&name=224f3329bc326b0ac21752886c66a313.png"
        />
      </view>
    </view>
  </view>
</view>
  </uni-popup>
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  const items = ref([1,2,3,4])
  const popup = ref()
  const open = () => {
    popup.value.open()
  }
  const close = () => {
    popup.value.close()
  }
  defineExpose({
    open,
    close
  })
</script>
<style lang="scss" scoped>
  @import './index.scss';
</style>
